<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>高手班简章</title>
	</head>
	<style>
		.container{
			width: 380px;
			font-size: 14px;
			color: white;

		}
		.title{
			text-align: center;
			color: red;
			font-size: 20px ;
			font-weight: bold;
			
		}
		.title1{
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			padding: 5px 0px 5px 0px;
			color: black;
		}
		.content1{
			background-color: dodgerblue;
			margin-bottom: 3px;
			margin-top: 3px;
			padding: 3px 0px 3px 0px;
			line-height: 27px;/*线高，纵向居中*/
		}
		 .content2{
			 background-color: red;
			 margin-bottom: 3px;
			 margin-top: 3px;
			 padding: 2px 0px 2px 0px;
			 line-height: 27px;/*线高，纵向居中*/
		 }
		 .content3{
		 	background-color:dodgerblue;
			margin-bottom: 3px;
			margin-top: 3px;
			padding: 2px 0px 2px 0px;
			line-height: 27px;/*线高，纵向居中*/
		 }
		 .content4{
		 	background-color: red;
		 	margin-bottom: 3px;
		 	margin-top: 3px;
		 	padding: 2px 0px 2px 0px;
		 	line-height: 27px;/*线高，纵向居中*/
		 }
		 
		 .number1{
			 background-color: black;
			 width: 20px;
			 margin-left: 5px;
			 display: inline-table;/*展现--以表格形式来布局*/
			 text-align: center;
		 }
		 .number2{
		 			 background-color: black;
		 			 width: 20px;
		 			 margin-left: 5px;
		 			 display: inline-table;/*展现--以表格形式来布局*/
		 			 text-align: center;
		 }
		 .number3{
		 			 background-color: black;
		 			 width: 20px;
		 			 margin-left: 5px;
		 			 display: inline-table;/*展现--以表格形式来布局*/
		 			 text-align: center;
		 }
		 
		 .number4{
		 			 background-color: black;
		 			 width: 20px;
		 			 margin-left: 5px;
		 			 display: inline-table;/*展现--以表格形式来布局*/
		 			 text-align: center;
		 }
		 
		 

	</style>
	<body><!--习惯，把所有页面内容用div括起来-->
		<div class="container">
			<div class="title">高手班(升职加薪利器)</div>
			<div class="title1">第一部分:基础知识进阶(齐雷)</div>
			<div class="content1"><span class="number1">1</span>新接口规范、Lambada表达式、Stream流、新日期</div>
			<div class="content2"><span class="number2">2</span>多线程、并发安全、锁优化、高级集合、JUC并发</div>
			<div class="content3"><span class="number3">3</span>NIO原理分析、RPC设计及框架中NIO的应用实现</div>
			<div class="content4"><span class="number4">4</span>手写类加载器、JVM调优、GC算法及优化</div>
		</div>
	</body>
</html>
